.clr:after {
  display: block;
  clear: both;
  content: ' ';
  height: 0;
  overflow: hidden;
}

.fl {
  // display: inline;
  float: left;
}

.fr {
  // display: inline;
  float: right;
}

.hide {
  display: none;
}

.block {
  display: block;
}

.text-center {
  text-align: center;
}

.w1240 {
  width: 1240px;
  margin: 0 auto;
}

.flexa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
// 左右flex布局
.itemBox {
  background-color: $bodyBgColor;
  .item {
    display: flex;
    border: 1px solid #000;
    .item-l {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100px;
      border-right: 1px solid #000;
    }
    .item-r {
      flex: 1;
      .item-r__it {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #000;
        .item-r__it--title {
          min-width: 90px;
          padding: 10px;
          border-right: 1px solid #000;
        }
        .item-r__it--dec {
          flex: 1;
          padding: 10px;
        }
      }
      .item-r__it:last-child {
        border-bottom: none;
      }
    }

  }
}
